@charset "UTF-8";
body{ margin: 0; padding: 0; font-size: 14px; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
a{ text-decoration: none;}
ul li{ list-style-type: none;}
.w100{ width: 100%;}
.w1200{ width: 1200px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.fy_dx{text-transform:uppercase;}/** 字母大写 **/

/*****/
#top{ width: 100%; height:auto;}
.top_title{    height: 39px;line-height: 39px;background: #f5f5f5;font-size: 13px;color: #707070;border-bottom: 1px solid #dddddd;}
.t_title_r a{background: url("../images/t_index.png")no-repeat 10px center; padding: 0 38px; text-align: center;}
.t_title_r a:nth-child(2){background: url("../images/t_news.png")no-repeat 10px center;  }
.t_title_r a:nth-child(3){background: url("../images/t_lxwm.png")no-repeat 10px center;  }
.nav_bg{height: 50px; background: #333333;}
.nav{ height: 50px; display: flex; justify-content: left;}
.nav li{width: 170px; height: 50px; line-height: 50px; text-align: center; color: #fff;}
.nav i{
    width: 1px;
    height: 17px;
    background: #717171;
    display: block;
    margin-top: 16px;
}
.nav li a{ color: #fff; font-size: 16px;}
.act{ background: #0071c5;}
.nav li:hover{background: #0071c5;}
/****/
#foot_bg{height: auto; background: #16222a; padding-bottom: 30px;}
.foot_zs{ padding: 45px 0 20px 0; color: #fff;}
.foot_gsm{ width: 100%; height: auto; padding-bottom: 65px; text-align: center;}
.ft_gsm{ color: #f5f5f5;font-size: 23px; text-align: center;  padding-bottom: 5px;}
.ft_gsmfy{ font-size: 14px;color: #f5f5f5; opacity: 0.4;text-transform:uppercase;}
.ft_nav{width: 100%; height: 20px; display: flex; justify-content: center; padding-bottom: 45px;}
.ft_nav li{ width: 180px; height: 20px; line-height: 20px; color: #fff; text-align: center; border-right: 1px solid #fff;}
.ft_nav li:nth-child(5){ border-right: none;}
.ft_nav li a{ color: #fff; font-size: 16px;}
.ft_lxwm{ width: 100%; height: 40px; line-height: 40px; text-align: center;}
.ft_gsjj{ text-align: center; padding-bottom: 20px;}
.banquan{ text-align: center; font-size: 15px;}

/******/
.index_wmys {  height: auto; padding: 55px 0;}
.wmys_zs{ display: flex; justify-content: space-between; height: auto;}
.wmys_zs li{width: 235px;height: 192px;text-align: center;border-right: 1px solid #dedfe0;}
.ys_img{ padding-top: 40px;text-align: center;}
.ys_xq{ padding-top: 18px; font-size: 13px; line-height: 25px; text-align: center;}
.title{ height: auto; text-align: center; padding:  30px 0 25px 0;}
.lm_title{ color: #333333;font-size: 28px;}
.lm_fy{color: #666666; font-size: 14px;text-transform:uppercase;}
.lmzxb{ background: url("../images/lm_title.png")no-repeat center bottom;height: 14px; width: 100%;}
.lm_xhx{ background: #cad5da; border: none; height: 1px; width: 1200px;}
/*****/
.cpfl{height: auto; display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 35px;}
.cpfl li{ width: 130px; height: 45px; line-height: 45px; text-align: center; color: #303030; background: url("../images/cpfl_1.png")no-repeat left center;}
.cpfl li:hover{ background: url("../images/cpfl_2.png")no-repeat left center;}
.cpfl li a{ font-size: 16px;}
.cpzs{ height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cpzs li{ width: 348px;height: 265px;text-align: center;margin-bottom: 25px;overflow: hidden;}
.pro_zs{ width: 100%;height: 265px;background: #ccc; position: relative;}
.pro_img{ width: 320px; height: auto; text-align: center; margin: 0 auto; padding-top: 13px;}
.pro_img img{ width: 320px; height: auto;}
.pro_xqzs{width: 320px;height: 240px;margin: 0 auto ;left: 12px;display: none;
    /*opacity: 0;*/}
.pro_xqzs p{ width: 100%; height: 55px;font-size: 17px; line-height: 55px; color: #fff; text-align: center; padding-top: 70px;}
.cp_bt{
    font-size: 16px;color: #f5f5f5;height: 45px;
    background-color: rgba(0, 0, 0, 0.3);text-align: center;
    line-height: 45px;position: relative;top: -46px;z-index: 99;
}
.pro_zs:hover .pro_xqzs{ display: block;position: absolute;z-index: 999;top: 13px;background: rgba(0, 0, 0, 0.5);margin-left: 2px;}
.pro_zs:hover {background:#0071c5;}
.cpzs li:hover .cp_bt{ display: none;}
/*** 三大优势 ***/
.index_sdys{ height: auto; padding: 45px 0 85px 0}
.sdys_title{ text-align: center; height: auto; padding-bottom: 40px;}
.sdys_btxq{color: #666; text-align: center; height: 45px; line-height: 45px; }
.sdys_btxq span{color:#0071c5;  }
.sdys_zt{width: 100%; height: auto; display: flex; justify-content: space-between;}
.sdys_zt li{ width: 380px; height: auto; background: #f2f2f2;}
.sd_img{width: 380px; height: 254px; text-align: center; }
.sd_img img{width: 380px; height: 254px; }
.sdys_zs{width: 310px; height: auto; text-align: center; padding: 0 35px;}
.sdys_bt{ color: #333;font-size: 18px;padding-top: 17px;}
.sdys_fy{color: #999;font-size: 14px;padding: 8px 0 6px 0;opacity: 0.3;}
.sdys_xq{ color: #666;font-size: 14px; line-height: 23px; padding-bottom: 17px;}
.sdys_zt li:hover{background: #0071c5; color: #fff;}
.sdys_zt li:hover .sdys_bt{ color: #fff;}
.sdys_zt li:hover .sdys_xq{ color: #fff;}
.sdys_zt li:hover .sdys_fy{ color: #aedcff;}
/****/
.index_contentbg{ width: 100%; height: auto; min-height: 287px; padding:25px 0 45px 0; background: url("../images/content_bg.png")no-repeat center top;}
.zyyw{ margin: 0 auto;color: #f5f5f5;line-height: 38px;width: 472px;height: 38px;background: #0071c5;text-align: center;}
.ct_ys1{ text-align: center; padding: 35px 0; font-size: 16px; }
.ct_ys2{ font-size: 50px; color: #333; text-align: center; font-weight: bold;}
.cont_fy{font-size: 10px;color: #999;text-align: center;padding:15px 0 7px 0;}
.ct_tel{     color: #0071c5; font-size: 41px; text-align: center; padding-top: 35px;}
/******/
.index_about{ padding:  65px 45px;}
.about_zs{ width: 660px; height: auto;}
.about_nr{ line-height: 30px; font-size: 14px; color: #666; padding-top: 28px;}
.ab_more{ width: 130px;height: 38px;background: #0071c5;color: #fff;display: block;line-height: 38px;text-align: center;margin-top: 35px;}
.ab_more:hover{ color: #fff;}
/*************/
.index_news{ height: auto; padding-bottom: 95px;}
.tj_news{width: 450px; height: auto;  }
.tj_img{ width: 450px;height: 267px; text-align: center;}
.tj_zs{ width: 450px; height: auto;}
.tj_bt_time{ width: 450px; height: 45px; line-height: 45px; color: #303030; }
.tj_bt_time a{ font-size: 15px; color: #333333;}
.tj_xq{font-size: 13px;color: #666;line-height: 25px; padding-bottom: 15px;}
.tj_more{
    color: #fff;display: block;line-height: 37px;
    width: 113px;height: 37px;text-align: center;background: #0071c5;
}
.news_zs{ width: 700px; height: auto;}
.news_zs li{ padding: 30px 0; border-bottom: 1px solid #9999;}
.news_time{ width: 70px; height: auto; text-align: center;color: #999999;}
.news_time p{ font-size:56px;  }
.news_time p span{ padding-top: 10px;}
.news_btxq{width: 580px; height: auto;  }
.news_btxq a{ color: #444444; font-size: 16px;}
.news_btxq p{ font-size: 13px; line-height: 25px; color: #666666; padding-top: 8px;}
.news_zs li:hover .news_time { color:  #0071c5;}
.news_zs li:hover .news_btxq  a { color:  #0071c5;}
/*****/
.yqlj{ height: auto; padding: 20px 0 55px 0;}
.yqlj_title{ display: flex; justify-content: space-between; padding:  15px 0;}
.yqlj_title i{display: block;width: 560px;height: 1px;background: #e0e0e0;margin-top: 10px;}
.yqljzs{ width: 100%; height: auto; text-align: left;}
.yqljzs a{ margin:  5px 8px;  color: #a9a9a9; font-size: 13px;}
.yqljzs a:hover{color:  #0071c5;}